<div class="main_bd">
  <div class="top_oper">
    <div class="grid_line">
      <div class="grid_item"><label class="label"> 订单编号 </label>
        <div class="content"><span class="frm_input_box"><input name="orderidstr" type="text"
                                                                class="frm_input" [(ngModel)]="order_no"></span></div>
      </div>
      <div class="grid_item"><label class="label"> 买家昵称 </label>
        <div class="content"><span class="frm_input_box"><input name="nick" type="text"
                                                                class="frm_input" [(ngModel)]="nickName"></span></div>
      </div>
      <div class="grid_item"><label class="label"> 商品名称 </label>
        <div class="content"><span class="frm_input_box"><input name="product" type="text"
                                                                class="frm_input" [(ngModel)]="goods_name"></span></div>
      </div>
      <div class="grid_item"><label class="label"> &nbsp; </label>
        <div class="content">
          <button href="javascript:;" class="btn btn_primary" (click)="search()">搜索</button>
          <button href="javascript:;" class="btn btn-default" (click)="reset()">重置</button>
        </div>
      </div>
    </div>
    <div class="select_input_group"><label class="frm_label">下单时间</label>
      <div class="button_group">
        <a class="btn btn_default" href="javascript:;" [ngClass]="{'selected': order_time === ''}"
           (click)="changeOrderTime('')">全部</a>
        <a class="btn btn_default" href="javascript:;" [ngClass]="{'selected': order_time === 'days-3'}"
           (click)="changeOrderTime('days-3')">最近3日</a>
        <a class="btn btn_default" href="javascript:;" [ngClass]="{'selected': order_time === 'days-5'}"
           (click)="changeOrderTime('days-5')">最近5日</a>
        <a class="btn btn_default" href="javascript:;" [ngClass]="{'selected': order_time === 'days-7'}"
           (click)="changeOrderTime('days-7')">最近7日</a>
        <a class="btn btn_default" href="javascript:;" [ngClass]="{'selected': order_time === 'custom'}"
           (click)="customOrderTime()" *ngIf="!customDate">自定义</a>
        <div class="datepicker" *ngIf="customDate">
          <date-picker
            class="picker"
            [minDate]="minDate"
            [maxDate]="maxDate"
            [disableDays]="disableDays"
            (selectedDate)='checkStartDate($event)'></date-picker>
        </div>
        <div class="datepicker" *ngIf="customDate">
          <date-picker
            class="picker"
            [minDate]="minDate"
            [maxDate]="maxDate"
            [disableDays]="disableDays"
            (selectedDate)='checkEndDate($event)'></date-picker>
        </div>
      </div>
    </div>
    <div class="select_input_group"><label class="frm_label">订单类型</label>
      <div class="button_group">
        <a class="btn btn_default" [ngClass]="{'selected': order_type === '0'}" (click)="changeOrderType('0')">全部</a>
        <a class="btn btn_default" [ngClass]="{'selected': order_type === '1'}" (click)="changeOrderType('1')">普通订单</a>
        <a class="btn btn_default" [ngClass]="{'selected': order_type === '2'}" (click)="changeOrderType('2')">拼团订单</a>
        <div class="pull-right">
          <button class="btn btn-default" (click)="exportSearch()">搜索结果导出</button>
          <button class="btn btn-default" (click)="exportChecked()">勾选结果导出</button>
        </div>
      </div>
    </div>
  </div>
  <div class="table_wrp gray_head_skin inside_table">
    <div class="section_tab with_table">
      <ul class="tab_navs">
        <li class="tab_nav" [ngClass]="{'selected': order_status === '0'}" (click)="changeOrderStatus('0')"><a
          href="javascript:;">全部订单</a></li>
        <li class="tab_nav" [ngClass]="{'selected': order_status === '1'}" (click)="changeOrderStatus('1')"><a
          href="javascript:;">待付款</a></li>
        <li class="tab_nav" [ngClass]="{'selected': order_status === '2'}" (click)="changeOrderStatus('2')"><a
          href="javascript:;">待发货</a></li>
        <li class="tab_nav" [ngClass]="{'selected': order_status === '3'}" (click)="changeOrderStatus('3')"><a
          href="javascript:;">待收货</a></li>
        <li class="tab_nav" [ngClass]="{'selected': order_status === '4'}" (click)="changeOrderStatus('4')">
          <a href="javascript:;">交易成功</a></li>
        <li class="tab_nav no_extra" [ngClass]="{'selected': order_status === '5'}" (click)="changeOrderStatus('5')">
          <a href="javascript:;">售后</a></li>
      </ul>
    </div>
    <div class="text-center">您当前已经选择 {{checkedIds.length}} 条数据</div>
    <table class="table">
      <tbody class="tbody control-tdWidth text-control">
      <tr>
        <td class="fir">商品</td>
        <td>买家昵称</td>
        <td>单价/数量</td>
        <td>实付款</td>
        <td>交易状态</td>
        <td>操作</td>
      </tr>
      </tbody>
    </table>
    <div class="text-center" *ngIf="!orderList.length">暂无订单信息</div>
    <div class="loading" [hidden]="!loadingShow">
      <app-loading></app-loading>
    </div>
    <table class="table" *ngFor="let item of orderList">
      <tbody class="tbody control-tdWidth" *ngIf="!loadingShow">
      <tr class="head-bg" (click)="changeOrderChecked(item)">
        <td class="fir">
          <input type="checkbox" [checked]="item.isChecked">
          <strong>{{item.created_at}}</strong>&nbsp;&nbsp;
          <span style="color:blue;">{{item.order_type===2&&item.free_type===1?'免单团':''}}</span>
          <span style="color:blue;">{{item.order_type===2&&item.free_type===0?'拼团':''}}</span>
          <span style="color:blue;">{{item.order_type===3?'抽奖团':''}}</span>
          <span style="color: red">&nbsp;&nbsp;{{item?.activity_goods_shopping_order?.activity_goods_shopping?.status==='进行中'?'拼团中':''}}
          {{item?.activity_goods_shopping_order?.activity_goods_shopping?.status==='已完成'?'已完成':''}}
            {{item?.activity_goods_shopping_order?.activity_goods_shopping?.status==='未完成'?'未完成':''}}
          </span>
          <br>
          订单编号：{{item.order_no}}
          <span *ngIf="!!item.remark"><br>备注: {{item.remark}}</span>
        </td>
        <td>{{item.applet_member?.nickName}}<br>
          <span *ngIf="!!item.erp_orders">已同步</span>
          <span *ngIf="!item.erp_orders">未同步</span>
        </td>
        <td></td>
        <td>
          <div>￥{{item.fee/1000}}</div>
          <div>(含运费：￥{{item.express_fee/1000}})</div>
        </td>
        <td>
          <div *ngIf="item.order_type!==3">{{item.pay_status_remark}}</div>
          <div *ngIf="item.order_type===3">{{item.group_status}}</div>
        </td>
        <td>
          <div *ngIf="item.order_type!==3">
            <div *ngIf="item.pay_status_remark === '交易成功'"><a href="javascript:;" (click)="tradeDlg(item)">交易详情</a></div>
            <div *ngIf="item.pay_status_remark === '待付款'&&item.has_prepay == 0"><a href="javascript:;"
                                                                                   (click)="editFeeDlg(item)">改价</a></div>
            <div *ngIf="item.pay_status_remark === '待付款'&&item.has_prepay == 1">*已进入预支付订单</div>
            <div
              *ngIf="item.pay_status_remark === '待发货'&&(!item.activity_goods_shopping_order||item.activity_goods_shopping_order.activity_goods_shopping.status==='已完成')">
              <a href="javascript:;" (click)="deliverDialog(item)">发货</a>
            </div>
            <div *ngIf="item.pay_status_remark === '待收货'">
              <a href="javascript:;" (click)="deliveryInfo(item)">查看物流信息</a>
            </div>
            <div *ngIf="item.pay_status_remark === '待收货'&&!!item.express_company">
              <span>{{item.express_company.abbreviation}}<br>{{item.express_no}}</span>
            </div>
            <!-- 随机免单中奖者发货按钮 -->
            <div
              *ngIf="item.free_type === 1&&(item.express_status===1&&item?.activity_goods_shopping_order?.activity_goods_shopping?.status==='已完成'&&!!item.random_free_order_record)">
              <a href="javascript:;" (click)="deliverDialog(item)">发货</a>
            </div>
            <div *ngIf="item.free_type===1&&item?.activity_goods_shopping_order?.activity_goods_shopping?.status==='已完成'&&!!item.random_free_order_record">
              <span class="red">免单</span>
            </div>
          </div>
          <!-- 抽奖团发货 -->
          <div *ngIf="item.order_type==3&&item.pay_status_remark !== '待收货'&&item.activity_goods_lottery?.is_win">
            <a href="javascript:;" (click)="deliverDialog(item)">发货</a>
          </div>
          <div *ngIf="item.order_type==3&&item.pay_status_remark === '待收货'&&item.activity_goods_lottery?.is_win">
            <a href="javascript:;" (click)="deliveryInfo(item)">查看物流信息</a>
          </div>

          <!--<div *ngIf="item.order_status === '交易成功'"><a href="javascript:;" (click)="viewModal.show()">查看</a></div>-->
        </td>
      </tr>
      <tr class="table_cell empty" *ngFor="let item2 of item.order_sub;let i = index;">
        <td class="fir">
          <div class="order-info">
            <div class="goods-info">
              <div class="goods-photo">
                <img src="{{aliyunOssOutputUrl}}/{{turnParse(item.order_sub[i].goods_info).first_picture}}" alt="">
              </div>
              <div class="goods-msg">
                <div class="goods-title ml-10" title="{{turnParse(item.order_sub[i].goods_info).name}}">{{turnParse(item2.goods_info).name}}</div>
                <div class="order-msg">
                  <div class="order-inner-span" *ngFor="let item3 of turnParse(item.order_sub[i].sku_info).sku;">
                    {{item3.goods_sku_attribute_name}}：{{item3.goods_sku_attribute_value_name}}
                  </div>
                </div>
                <div class="order-msg ml-10">商品编号：{{turnParse(item2.sku_info).isbn}}</div>
                <div class="order-msg ml-10" style="color: red" title="{{item2?.order_refund?.created_at}}">
                  {{item2.order_refund?"退款申请":""}}
                </div>
              </div>
            </div>
          </div>
        </td>
        <td></td>
        <td>
          <div>￥{{item2.fee/1000}}</div>
          <div>*{{item2.quantity}}</div>
        </td>
        <td>￥{{item2.quantity*item2.fee/1000}}</td>
        <td></td>
        <td>
          <div><a href="javascript:;" (click)="refoundDlg(item2)"
                  *ngIf="item2.order_refund&&(item2.order_refund.refund_status===1||item2.order_refund.refund_status===4)">退款</a>
          </div>
          <div><span *ngIf="item2.order_refund&&item2.order_refund.refund_status===3">拒绝退款</span></div>
          <div><span *ngIf="item2.order_refund&&item2.order_refund.refund_status===4">退款失败</span></div>
          <div><span *ngIf="item2.order_refund&&item2.order_refund.refund_status===5">退款成功</span></div>
          <div><span *ngIf="item2.order_refund&&item2.order_refund.refund_status===7">微信退款中</span></div>
        </td>
      </tr>
      </tbody>
    </table>
    <div class="text-center">
      <pagination (pageChanged)="pageChanged($event)" [totalItems]="totalItems" [(ngModel)]="currentPage"
                  [itemsPerPage]="itemsPerPage" [maxSize]="5"
                  previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;"
                  [boundaryLinks]="true" class="pagination-sm"></pagination>
    </div>
  </div>
</div>

<!--发货弹窗-->
<div class="modal fade" bsModal #deliverModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">发货</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="deliverModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form #deliverForm="ngForm">
          <div class="form-group clearfix">
            <label class="col-md-3">订单编号</label>
            <div class="col-md-8">{{orderConsignment?.order_no}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">收件人</label>
            <div class="col-md-8">{{recipients}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">联系电话</label>
            <div class="col-md-8">{{tel}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">收货地址</label>
            <div class="col-md-8">{{address}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">快递公司</label>
            <div class="col-md-8">
              <select name="delivery" [(ngModel)]="orderConsignment.express_id" class="form-control">
                <option value="0">请选择快递公司</option>
                <option *ngFor="let item of deliveryList" value="{{item.id}}">{{item.abbreviation}}</option>
              </select>
            </div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">客户留言</label>
            <div class="col-md-8">{{orderConsignment?.remark}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">快递单号</label>
            <div class="col-md-8">
              <input type="text" class="form-control" name="express_no" [(ngModel)]="orderConsignment.express_no"
                     required>
            </div>
          </div>

          <div class="text-right mt20">
            <button class="btn btn-default btn-md-long" type="button" (click)="deliverModal.hide()">取消</button>
            <button class="btn btn-success btn-md-long" type="button"
                    [disabled]="!deliverForm.form.valid||!orderConsignment.express_id" (click)="submitOrder()">确定
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!--查看物流信息-->
<div class="modal fade" bsModal #viewModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">查看</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="viewModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body delivery-body">
        <div class="view-title">物流信息</div>
        <div class="view-content">
          <div class="title">物流公司:</div>
          <div class="content">{{expressName}}</div>
        </div>
        <div class="view-content">
          <div class="title">物流单号:</div>
          <div class="content">{{expressNo}}</div>
        </div>
        <div class="view-content">
          <div class="title">物流详情:</div>
          <div class="content">
            <div class="item-info" *ngFor="let item of deliveryInfoList">
              <div>{{item.remark}}</div>
              <div>{{item.datetime}}</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--改价弹窗-->
<div class="modal fade" bsModal #editFeeModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">改价</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="editFeeModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form #editFeeForm="ngForm">
          <div class="form-group clearfix">
            <label class="col-md-3">修改对象</label>
            <div class="col-md-8">
              <div class="col-md-6" *ngIf="!!editExpresFee.express_fee"><input type="radio" name="editType" id="express"
                                                                               [checked]="editType === 'express'"
                                                                               (click)="editType = 'express'"><label
                for="express">运费</label></div>
              <div class="col-md-6"><input type="radio" name="editType" id="goods" [checked]="editType === 'goods'"
                                           (click)="editType = 'goods'"><label for="goods">商品价格</label></div>
            </div>
          </div>

          <div class="form-group clearfix" *ngIf="editType === 'express'">
            <label class="col-md-3">运费价格</label>
            <div class="col-md-8"><input type="text" class="form-control" name="expressFee"
                                         [(ngModel)]="editExpresFee.express_fee" required></div>
          </div>

          <div class="form-group clearfix" *ngIf="editType === 'goods'">
            <label class="col-md-3">选择商品</label>
            <div class="col-md-8">
              <select name="delivery" [(ngModel)]="editGoodsFee.order_sub_id" class="form-control"
                      (change)="checkedEditGoods()">
                <option value="0">请选择需改价商品</option>
                <option *ngFor="let item of orderGoodsList" value="{{item.id}}">{{turnParse(item.goods_info).name}}
                </option>
              </select>
            </div>
          </div>

          <div class="form-group clearfix" *ngIf="editType === 'goods'&&!!editGoodsFee.order_sub_id">
            <label class="col-md-3">商品价格</label>
            <div class="col-md-8"><input type="text" class="form-control" name="goodsFee" [(ngModel)]="editGoodsFee.fee"
                                         required></div>
          </div>

          <div class="text-right mt20">
            <button class="btn btn-default btn-md-long" type="button" (click)="editFeeModal.hide()">取消</button>
            <button class="btn btn-success btn-md-long" type="button" [disabled]="!editFeeForm.form.valid"
                    *ngIf="editType === 'express'" [disabled]="forbidden" (click)="editExpressSubmit()">确定
            </button>
            <button class="btn btn-success btn-md-long" type="button"
                    [disabled]="forbidden||!editFeeForm.form.valid||editGoodsFee.fee == '0'"
                    *ngIf="editType === 'goods'" (click)="editGoodsSubmit()">确定
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" bsModal #refoundModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">退款</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="refoundModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form #editFeeForm="ngForm">
          <div class="form-group clearfix">
            <div class="col-md-3 img-control" *ngFor="let item of refund?.order_refund_accessory"><img
              src="{{aliyunOssOutputUrl+'/'+item.path}}"></div>
          </div>
          <div class="form-group clearfix">
            <label class="col-md-3">退款原因</label>
            <div class="col-md-8">{{refund?.refund_reason_remark}}</div>
          </div>
          <div class="form-group clearfix">
            <label class="col-md-3">商品数量</label>
            <div class="col-md-8">{{refund?.goods_number}}</div>
          </div>
          <div class="form-group clearfix">
            <label class="col-md-3">退款说明</label>
            <div class="col-md-8">{{refund?.apply_refund_desc}}</div>
          </div>
          <div class="form-group clearfix">
            <label class="col-md-3">退款金额</label>
            <div class="col-md-8">{{refund?.refund_fee/1000}}元</div>
          </div>

          <div class="text-right mt20">
            <button class="btn btn-default btn-md-long" type="button" (click)="refuseRefund()"
                    *ngIf="refund?.refund_reason!=0">拒绝
            </button>
            <button class="btn btn-success btn-md-long" type="button" (click)="confirmRefund()">同意</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" bsModal #tradeModal="bs-modal" tabindex="-1">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title pull-left">交易详情</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="tradeModal.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form #editFeeForm="ngForm" *ngIf="tradeInfo">

          <div class="form-group clearfix">
            <label class="col-md-3">订单编号</label>
            <div class="col-md-8">{{tradeInfo?.order_no}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">收件人</label>
            <div class="col-md-8">{{tradeInfo?.applet_member_address.name}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">联系电话</label>
            <div class="col-md-8">{{tradeInfo?.applet_member_address.mobile}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">收货地址</label>
            <div class="col-md-8">
              {{tradeInfo?.applet_member_address?.province+tradeInfo?.applet_member_address?.city+tradeInfo?.applet_member_address?.district+tradeInfo?.applet_member_address?.detail}}
            </div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">快递公司</label>
            <div class="col-md-8">{{tradeInfo?.express_t?.name}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">客户留言</label>
            <div class="col-md-8">{{tradeInfo?.remark}}</div>
          </div>

          <div class="form-group clearfix">
            <label class="col-md-3">快递单号</label>
            <div class="col-md-8">
              {{tradeInfo?.express_no}}
            </div>
          </div>

          <div class="form-group clearfix">
            <div class="col-md-3">物流详情:</div>
            <div class="col-md-8">
              <div class="item-info" *ngFor="let item of tradeInfo?.express_info">
                {{item.remark}}<br>
                {{item.datetime}}<br>
              </div>
            </div>
          </div>


        </form>
      </div>
    </div>
  </div>
</div>

<!-- 评价弹窗 -->
<!--<div class="modal fade" bsModal #viewModal="bs-modal" tabindex="-1">-->
<!--<div class="modal-dialog modal-md">-->
<!--<div class="modal-content">-->
<!--<div class="modal-header">-->
<!--<h4 class="modal-title pull-left">查看</h4>-->
<!--<button type="button" class="close pull-right" aria-label="Close" (click)="viewModal.hide()">-->
<!--<span aria-hidden="true">&times;</span>-->
<!--</button>-->
<!--</div>-->
<!--<div class="modal-body">-->
<!--<div class="layout-half">-->
<!--<div class="view-title">物流信息</div>-->
<!--<div class="view-content">-->
<!--<div class="title">物流公司:</div>-->
<!--<div class="content">顺丰</div>-->
<!--</div>-->
<!--<div class="view-content">-->
<!--<div class="title">物流单号:</div>-->
<!--<div class="content">123374849484748449</div>-->
<!--</div>-->
<!--<div class="view-content">-->
<!--<div class="title">物流详情:</div>-->
<!--<div class="content"></div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="layout-half">-->
<!--<div class="view-title">评价信息</div>-->
<!--<div>-->
<!--<div class="view-content">-->
<!--好评-->
<!--<div class="pull-right">-->
<!--<a href="javascript:;">回复</a>-->
<!--<a href="javascript:;">删除</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="view-content">很好很好，非常好</div>-->
<!--<div class="view-content">店铺评分</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">描述相符:</div>-->
<!--<div class="content">-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--</div>-->
<!--</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">物流服务:</div>-->
<!--<div class="content"></div>-->
<!--</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">服务态度:</div>-->
<!--<div class="content"></div>-->
<!--</div>-->
<!--</div>-->
<!--<div>-->
<!--<div class="view-content">-->
<!--差评-->
<!--<div class="pull-right">-->
<!--<a href="javascript:;">回复</a>-->
<!--<a href="javascript:;">删除</a>-->
<!--</div>-->
<!--</div>-->
<!--<div class="view-content">神经病一样的东西，糟糕透了</div>-->
<!--<div class="view-content">店铺评分</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">描述相符:</div>-->
<!--<div class="content">-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--<i class="iconfont icon-start"></i>-->
<!--</div>-->
<!--</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">物流服务:</div>-->
<!--<div class="content"></div>-->
<!--</div>-->
<!--<div class="view-content ml-10">-->
<!--<div class="title">服务态度:</div>-->
<!--<div class="content"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<app-notification [type]="type" [message]="message" [isShow]="isShow"
                  (promptIsShow)="isShow = $event;"></app-notification>
